<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="./layui/layui.js"></script>
		<link rel="stylesheet" type="text/css" href="layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="./css/vip-centre.css"/>
		<title>个人中心</title>
	</head>
	<body>
		<!-- 顶部banner -->
		<div class="header" data-scroll-reveal="enter top and move 100px over 1s">
			<div class="top">
				<div class="top-bar">
					<div class="left" data-scroll-reveal="enter top and move 100px over 1s">
						<img class="logo" src="./image/floor/logo.png" alt="logo">
					</div>
					<div class="right" data-scroll-reveal="enter top and move 100px over 1s">
						<div class="search">
							<span class="search-tips">搜索</span>
							<span class="search-icon">
								<i class="layui-icon layui-icon-search"></i>
							</span>
							<input class="search-input" type="text">
						</div>
						<div class="login">
							<a href="#">登陆</a> /
							<a href="#">注册</a>
						</div>
					</div>
				</div>
			</div>
			<div class="header-banner">
				<img src="./image/vip-banner.jpg" alt="">
				<div class="mask">
					<div class="explain">
						<p class="title-2" data-scroll-reveal="enter left and move 100px over 1s">
							MEMBER CENTER
						</p>
						<p class="title-2" data-scroll-reveal="enter left and move 100px over 1s">
							会员中心
						</p>
					</div>
				</div>
			</div>
			<ul class="nav layui-nav" lay-filter="">
				<li class="nav-item layui-nav-item " data-scroll-reveal="enter left and move 50px over 1s">
					<a href="#">首页</a>
				</li>
				<li class="nav-item layui-nav-item active" data-scroll-reveal="enter right and move 100px over 1s">
					<a href="#part1">丰都避暑楼盘</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="javascript:;">丰都旅游景点</a>
					<dl class="layui-nav-child">
						<dd><a href="#">移动模块</a></dd>
						<dd><a href="#">后台模版</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
						<dd><a href="#">电商平台</a></dd>
					</dl>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter bottom and move 100px over 1s">
					<a href="#part3">丰都酒店民宿</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter top and move 100px over 1s">
					<a href="#part4">丰都土特产</a>
				</li>
				<li class="nav-item layui-nav-item" data-scroll-reveal="enter botom and move 100px over 1s">
					<a href="#part5">丰都旅游资讯</a>
				</li>
			</ul>
		</div>

		<!-- 列表 -->
		<div class="section first-section">
			<div class="vip">
				<div class="vip-left">
					<div class="user">
						<div class="user-img">
							<img src="image/2-3.jpg" >
						</div>
						<div class="nickname">
							<h3>丝毫勿虑</h3>
							<p>15498990999</p>
						</div>
						<div class="user-describe">
							还差一句话简介<br>有趣的灵魂就会被发现呦！
						</div>
					
						<a href="#" class="buy-vip">立即购买</a>
						<div class="vip-time">
							<p>套餐到期时间</p>
							<p>2023-02-23 14:30</p>
						</div>
					</div>
					<ul class="tab">
						<li class="tab-item active">
							<a href="#">基本资料</a>
						</li>
						<li class="tab-item">
							<a href="#">我的评论</a>
						</li>
						<li class="tab-item">
							<a href="#">浏览记录</a>
						</li>
					</ul>
				</div>
				<div class="vip-right">
					<div class="tab-card-name">
						<p>个人资料</p>
					</div>
					<ul class="user-base">
						<li class="user-base-item">
							<div class="item-label">头像</div>
							<div class="item-content">
								<img class="avatar" src="./image/2-3.jpg" alt="">
							</div>
						</li>
						<li class="user-base-item">
							<div class="item-label">账号</div>
							<div class="item-content">
								丝毫勿虑
							</div>
						</li>
						<li class="user-base-item">
							<div class="item-label">个人简介</div>
							<div class="item-content">还差一句话简介 有趣的灵魂就会被发现呦！</div>
						</li>
						<li class="user-base-item">
							<div class="item-label">电话</div>
							<div class="item-content">16709998099</div>
						</li>
						<li class="user-base-item">
							<div class="item-label">密码</div>
							<div class="item-content">344433</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<!-- foot -->
		<div class="foot foot-margin">
			<div class="foot-section">
				<div class="foot-nav">
					<div class="foot-nav-item">
						<a href="#">首页</a>
						<a href="#">丰都避暑楼盘</a>
						<a href="#">丰都旅游景点</a>
						<a href="#">丰都酒店民宿</a>
						<a href="#">丰都土特产</a>
						<a href="#">公司简介</a>
						<a href="#">联系我们</a>
						<a href="#">市场合作</a>
					</div>
					<div class="back-top">
						<a href="#">回到顶部</a>
					</div>
				</div>
		
				<div class="foot-center">
					<div class="foot-center-1 logo">
						<img src="./image/floor/logo.png">
					</div>
					<div class="foot-center-2">
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注公众号</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关小程序</p>
						</div>
						<div class="item-1">
							<img src="./image/code.jpg" alt="">
							<p>扫码关注商城</p>
						</div>
					</div>
					<div class="foot-center-1">
						<p>电话：021-80187116</p>
						<p>QQ：800053384</p>
						<p>邮箱：fengduasadh@123.com</p>
						<p>网址：www.435xvc.com</p>
						<p>地址：重庆市渝中区东方路3539号</p>
					</div>
				</div>
				
				<div class="foot-link">
					<span class="foot-name">友情链接：</span>
					<div class="link-item">
						<a href="#">指纹网</a>
						<a href="#">安居客</a>
						<a href="#">明珠城</a>
						<a href="#">丰都小邓</a>
					</div>
				</div>
			</div>
		</div>
		<div class="copyright">
			<p>版权所有：Copyright © 2015-2019丰都宣传网 渝ICP备15050430号 ICP证渝B2-20180118</p>
		</div>
	
	</body>
	<script>
		layui.config({
			base: './js/'
		}).extend({
			scrollReveal: "plugins/scrollReveal"
		}).use('vip')
	</script>
</html>
